revision:
The <ul> tag defines an unordered (bulleted) list. Use the <ul> tag together with the <li> tag to create unordered lists. Each list item in an unordered list is a "li" child element of the "ul" element, created using the "li" tag. List items are usually highlighted with a bullet mark or image, which is why list items are sometimes called bullet points.
The "ul" tag is a block-level element and occupies all available horizontal space. Its height depends on the content within the container. An unordered list is typically rendered as a bulleted list.
<ul> . . . </ul>
<style>
ul{margin-left: 4vw;}
</style>
<ul style="list-style-type:circle">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<ul style="list-style-type:disc">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<ul style="list-style-type:square">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<ul>
<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea
<ul>
<li>China</li>
<li>Africa</li>
</ul>
</li>
</ul>
</li>
<li>Milk</li>
</ul>